@charset "UTF-8";

/**
    padding-top: constant(safe-area-inset-top);   //为导航栏+状态栏的高度 88px
    padding-left: constant(safe-area-inset-left);   //如果竖屏时为0
    padding-right: constant(safe-area-inset-right); //如果竖屏时为0
    padding-bottom: constant(safe-area-inset-bottom);//为底下圆弧的高度 34px
 */

/* #ifndef APP-NVUE */

.ft-safe-area-inset-top {
  background-color: transparent;
  padding-top: 0;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.ft-safe-area-inset-right {
  background-color: transparent;
  padding-right: 0;
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}

.ft-safe-area-inset-bottom {
  background-color: transparent;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2  顺序不能换。*/
  padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2 顺序不能换。*/
}

.ft-safe-area-inset-left {
  background-color: transparent;
  padding-left: 0;
  padding-left: constant(safe-area-inset-left); /*兼容 IOS<11.2  顺序不能换。*/
  padding-left: env(safe-area-inset-left); /*兼容 IOS>11.2 顺序不能换。*/
}

/* #endif */
